<template>
    <div class="Base_Form">
        <Input v-model="value.userDetail.username" placeholder="Enter something..." style="width: 300px" />
        <Input v-model="value.userDetail.password" placeholder="Enter something..." style="width: 300px" />
        <Input v-model="value.userDetail.age" placeholder="Enter something..." style="width: 300px" />
        <Select v-model="value.job" style="width: 300px">
            <Option v-for="item in job" :value="item.value" :key="item.value">{{ item.label }}</Option>
        </Select>
    </div>
</template>

<script>
export default {
    props: ['value'],
    data() {
        return {
            job: [
                { label: '学生', value: 'Student' },
                { label: '教师', value: 'Teacher' }
            ]
        }
    }
}
</script>

<style>
</style>